<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>UncleGED</title>
    <link href="MSDN.css" rel="stylesheet" type="text/css" />
</head>
<body><h3>
        Guide to UGED.CSS classes
    </h3>
    <table style="border-collapse: collapse" border="0">
        <colgroup>
            <col style="width: 182px" />
            <col style="width: 419px" />
        </colgroup>
        <tbody valign="top">
            <tr>
                <td style="padding-right: 7px; padding-left: 7px">
                    <p>
                        DIV.HOUSEHOLD</p>
                </td>
                <td style="padding-right: 7px; padding-left: 7px">
                    <p>
                        section at top of family page that describes the household.</p>
                </td>
            </tr>
            <tr>
                <td style="padding-right: 7px; padding-left: 7px">
                    <p>
                        DIV.CHILDREN
                    </p>
                </td>
                <td style="padding-right: 7px; padding-left: 7px">
                    <p>
                        section in family page that lists the children in household</p>
                </td>
            </tr>
            <tr>
                <td style="padding-right: 7px; padding-left: 7px">
                    <p>
                        DIV.OTHERMARRIAGES
                    </p>
                </td>
                <td style="padding-right: 7px; padding-left: 7px">
                    <p>
                        section of family page that begins &quot;Other Marriages for&#8230;&quot;</p>
                </td>
            </tr>
            <tr>
                <td style="padding-right: 7px; padding-left: 7px">
                    <p>
                        DIV.EVENTS
                    </p>
                </td>
                <td style="padding-right: 7px; padding-left: 7px">
                    <p>
                        section of family page that begins &quot;Notes for&#8230;&quot;</p>
                </td>
            </tr>
            <tr>
                <td style="padding-right: 7px; padding-left: 7px">
                    <p>
                        DIV.NOTES
                    </p>
                </td>
                <td style="padding-right: 7px; padding-left: 7px">
                    <p>
                        section of family page where note text is displayed.</p>
                </td>
            </tr>
            <tr>
                <td style="padding-right: 7px; padding-left: 7px">
                    <p>
                        DIV.SOURCES
                    </p>
                </td>
                <td style="padding-right: 7px; padding-left: 7px">
                    <p>
                        section of family page that begins &quot;Sources for&#8230;&quot;</p>
                </td>
            </tr>
            <tr>
                <td style="padding-right: 7px; padding-left: 7px">
                    <p>
                        TABLE.CHILDRENTABLE
                    </p>
                </td>
                <td style="padding-right: 7px; padding-left: 7px">
                    <p>
                        table of children in the household</p>
                </td>
            </tr>
            <tr>
                <td style="padding-right: 7px; padding-left: 7px">
                    <p>
                        DIV.UPDATE
                    </p>
                </td>
                <td style="padding-right: 7px; padding-left: 7px">
                    <p>
                        section at bottom of page that has the line &quot;Last Updated On&#8230;&quot;</p>
                </td>
            </tr>
            <tr>
                <td style="padding-right: 7px; padding-left: 7px">
                    <p>
                        DIV.MENU
                    </p>
                </td>
                <td style="padding-right: 7px; padding-left: 7px">
                    <p>
                        section at bottom of page that lists a menu of back links</p>
                </td>
            </tr>
            <tr>
                <td style="padding-right: 7px; padding-left: 7px">
                    <p>
                        DIV.COPYRIGHT
                    </p>
                </td>
                <td style="padding-right: 7px; padding-left: 7px">
                    <p>
                        section at bottom of page that displays the copyright</p>
                </td>
            </tr>
            <tr>
                <td style="padding-right: 7px; padding-left: 7px">
                    <p>
                        DIV.INDSECTION</p>
                </td>
                <td style="padding-right: 7px; padding-left: 7px">
                    <p>
                        section of Person page for each individual</p>
                </td>
            </tr>
            <tr>
                <td style="padding-right: 7px; padding-left: 7px">
                    <p>
                        DIV.INDINFO</p>
                </td>
                <td style="padding-right: 7px; padding-left: 7px">
                    <p>
                        section of Invidual that appears as for example
                    </p>
                    <p style="margin-left: 36pt">
                        F, #I1, b. 24 May 1819, d. 22 January 1901</p>
                </td>
            </tr>
            <tr>
                <td style="padding-right: 7px; padding-left: 7px">
                    <p>
                        DIV.FAMILYSECTION</p>
                </td>
                <td style="padding-right: 7px; padding-left: 7px">
                    <p>
                        section of invidual listing family details</p>
                </td>
            </tr>
            <tr>
                <td style="padding-right: 7px; padding-left: 7px">
                    <p>
                        DIV.EXTRATEXT</p>
                </td>
                <td style="padding-right: 7px; padding-left: 7px">
                    <p>
                        section of Extra text that appears on pages</p>
                </td>
            </tr>
            <tr>
                <td style="padding-right: 7px; padding-left: 7px">
                    <p>
                        H2.INDNAME</p>
                </td>
                <td style="padding-right: 7px; padding-left: 7px">
                    <p>
                        Name of each individual appearing on Persons page</p>
                </td>
            </tr>
        </tbody>
    </table>
    <p>
        &#160;</p>
    <p>
        &#160;</p>
    <p>
        Below is a sample CSS that will display a silver 'Lucida Calligraphy' font on maroon
        background:
    </p>
    <p>
        <span style="font-size: 9pt; font-family: courier new">body </span>
    </p>
    <p>
        <span style="font-size: 9pt; font-family: courier new">{ </span>
    </p>
    <p>
        <span style="font-size: 9pt; font-family: courier new">&#160;&#160;&#160; color: silver;
        </span>
    </p>
    <p>
        <span style="font-size: 9pt; font-family: courier new">&#160;&#160;&#160; font-family:
            'Lucida Calligraphy'; </span>
    </p>
    <p>
        <span style="font-size: 9pt; font-family: courier new">&#160;&#160;&#160; background-color:
            maroon; </span>
    </p>
    <p>
        <span style="font-size: 9pt; font-family: courier new">} </span>
    </p>
    <p>
        <span style="font-size: 9pt; font-family: courier new">A:link </span>
    </p>
    <p>
        <span style="font-size: 9pt; font-family: courier new">{ </span>
    </p>
    <p>
        <span style="font-size: 9pt; font-family: courier new">&#160;&#160;&#160; color: #99ffcc;
        </span>
    </p>
    <p>
        <span style="font-size: 9pt; font-family: courier new">} </span>
    </p>
    <p>
        <span style="font-size: 9pt; font-family: courier new">A:visited </span>
    </p>
    <p>
        <span style="font-size: 9pt; font-family: courier new">{ </span>
    </p>
    <p>
        <span style="font-size: 9pt; font-family: courier new">&#160;&#160;&#160; color: #ff66cc;
        </span>
    </p>
    <p>
        <span style="font-size: 9pt; font-family: courier new">} </span>
    </p>
    <p>
        <span style="font-size: 9pt; font-family: courier new">A:active </span>
    </p>
    <p>
        <span style="font-size: 9pt; font-family: courier new">{ </span>
    </p>
    <p>
        <span style="font-size: 9pt; font-family: courier new">&#160;&#160;&#160; color: red;
        </span>
    </p>
    <p>
        <span style="font-size: 9pt; font-family: courier new">} </span>
    </p>
    <p>
        <span style="font-size: 9pt; font-family: courier new">DIV.HOUSEHOLD </span>
    </p>
    <p>
        <span style="font-size: 9pt; font-family: courier new">{ </span>
    </p>
    <p>
        <span style="font-size: 9pt; font-family: courier new">} </span>
    </p>
    <p>
        <span style="font-size: 9pt; font-family: courier new">DIV.CHILDREN </span>
    </p>
    <p>
        <span style="font-size: 9pt; font-family: courier new">{ </span>
    </p>
    <p>
        <span style="font-size: 9pt; font-family: courier new">} </span>
    </p>
    <p>
        <span style="font-size: 9pt; font-family: courier new">DIV.OTHERMARRIAGES </span>
    </p>
    <p>
        <span style="font-size: 9pt; font-family: courier new">{ </span>
    </p>
    <p>
        <span style="font-size: 9pt; font-family: courier new">} </span>
    </p>
    <p>
        <span style="font-size: 9pt; font-family: courier new">DIV.EVENTS </span>
    </p>
    <p>
        <span style="font-size: 9pt; font-family: courier new">{ </span>
    </p>
    <p>
        <span style="font-size: 9pt; font-family: courier new">} </span>
    </p>
    <p>
        <span style="font-size: 9pt; font-family: courier new">DIV.NOTES </span>
    </p>
    <p>
        <span style="font-size: 9pt; font-family: courier new">{ </span>
    </p>
    <p>
        <span style="font-size: 9pt; font-family: courier new">&#160;&#160;&#160; font-size:
            larger; </span>
    </p>
    <p>
        <span style="font-size: 9pt; font-family: courier new">} </span>
    </p>
    <p>
        <span style="font-size: 9pt; font-family: courier new">DIV.SOURCES </span>
    </p>
    <p>
        <span style="font-size: 9pt; font-family: courier new">{ </span>
    </p>
    <p>
        <span style="font-size: 9pt; font-family: courier new">} </span>
    </p>
    <p>
        <span style="font-size: 9pt; font-family: courier new">TABLE.CHILDRENTABLE </span>
    </p>
    <p>
        <span style="font-size: 9pt; font-family: courier new">{ </span>
    </p>
    <p>
        <span style="font-size: 9pt; font-family: courier new">&#160;&#160;&#160; font-variant:
            small-caps; </span>
    </p>
    <p>
        <span style="font-size: 9pt; font-family: courier new">} </span>
    </p>
    <p>
        <span style="font-size: 9pt; font-family: courier new">DIV.UPDATE </span>
    </p>
    <p>
        <span style="font-size: 9pt; font-family: courier new">{ </span>
    </p>
    <p>
        <span style="font-size: 9pt; font-family: courier new">} </span>
    </p>
    <p>
        <span style="font-size: 9pt; font-family: courier new">DIV.MENU </span>
    </p>
    <p>
        <span style="font-size: 9pt; font-family: courier new">{ </span>
    </p>
    <p>
        <span style="font-size: 9pt; font-family: courier new">} </span>
    </p>
    <p>
        <span style="font-size: 9pt; font-family: courier new">DIV.COPYRIGHT </span>
    </p>
    <p>
        <span style="font-size: 9pt; font-family: courier new">{ </span>
    </p>
    <p>
        <span style="font-size: 9pt; font-family: courier new">&#160;&#160;&#160; font-size:
            10pt; </span>
    </p>
    <p>
        <span style="font-size: 9pt; font-family: courier new">&#160;&#160;&#160; font-style:
            italic; </span>
    </p>
    <p>
        <span style="font-size: 9pt; font-family: courier new">} </span>
    </p>
    <p>
        <span style="font-size: 9pt; font-family: courier new">DIV.INDSECTION </span>
    </p>
    <p>
        <span style="font-size: 9pt; font-family: courier new">{ </span>
    </p>
    <p>
        <span style="font-size: 9pt; font-family: courier new">} </span>
    </p>
    <p>
        <span style="font-size: 9pt; font-family: courier new">DIV.INDINFO </span>
    </p>
    <p>
        <span style="font-size: 9pt; font-family: courier new">{ </span>
    </p>
    <p>
        <span style="font-size: 9pt; font-family: courier new">} </span>
    </p>
    <p>
        <span style="font-size: 9pt; font-family: courier new">DIV.FAMILYSECTION </span>
    </p>
    <p>
        <span style="font-size: 9pt; font-family: courier new">{ </span>
    </p>
    <p>
        <span style="font-size: 9pt; font-family: courier new">} </span>
    </p>
    <p>
        <span style="font-size: 9pt; font-family: courier new">DIV.EXTRATEXT </span>
    </p>
    <p>
        <span style="font-size: 9pt; font-family: courier new">{ </span>
    </p>
    <p>
        <span style="font-size: 9pt; font-family: courier new">} </span>
    </p>
    <p>
        <span style="font-size: 9pt; font-family: courier new">H2.INDNAME </span>
    </p>
    <p>
        <span style="font-size: 9pt; font-family: courier new">{ </span>
    </p>
    <p>
        <span style="font-size: 9pt; font-family: courier new">} </span>
    </p>
    <p>
        <span style="font-size: 9pt; font-family: courier new"></span>&#160;</p>
<p></p>
<p></p>
</BODY>
</HTML>
